<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>兄弟选择器【相邻+通用】+通用选择器</title>
		<style>
			/* 通用选择器：语法：{}
			  功能：设置全局样式
			  */
			 *{
				 color: #ff5500;
				 font-size: 18px;
			 }
			/* 相邻兄弟选择器   语法：选择器+选择器 
			                  功能：选择紧邻当前选择器后面的兄弟元素
               通用选择器：    语法：选择器~选择器
			                  功能选择当前选择器后的所有兄弟元素
			*/
		  /* h1~p{
		   			   color: #aa00ff;
		   			   font-size: 48px;
		   }
		   h1+p{
		   			   color: #ff5500;
		   			   font-size: 48px;
		   } */
		
		</style>
	</head>
	<body>
		<h1>相邻兄弟选择器</h1>
		<p>兄弟1</p>
		<p>兄弟2</p>
		
	</body>
</html>